<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
Document：文档对象
        1. 创建(获取)：在html dom模型中可以使用window对象来获取
            1. window.document
            2. document
        2. 方法：
            1. 获取Element对象：
                1. getElementById()	： 根据id属性值获取元素对象。id属性值一般唯一
                2. getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组
                3. getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组
                4. getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组
            2. 创建其他DOM对象：
                createAttribute(name)
                createComment()
                createElement()
                createTextNode()
        3. 属性
-->
<input type="text" name="username">
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div class="cls">4</div>
<script>
    var divs = document.getElementsByTagName("div");
    // alert(divs.length)
    var username = document.getElementsByName("username");
    //alert(username.length)
    var className = document.getElementsByClassName("cls");
    alert(className.length)
</script>
</body>
</html>